<style type="text/css" >
/*put your style here*/

.menu-page .menu-list li > div{

    text-align: center;

    cursor: pointer;
    min-height:126px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.menu-page .menu-list li{
    margin: 0;;
    width: 25%;
    /*width: 23%  !important;*/
       font-size: 10px !important;
}
.menu-page .menu-list li .icon{
    padding-top:20px !important;
    /*-webkit-border-radius: 50%;*/
    /*-moz-border-radius: 50%;*/
    /*border-radius: 50%;*/
    /*background-color: #efefef;*/
    /*padding: 20px;*/
    /*padding: 20px;*/
}

.menu-page .menu-list .menu-item{
    /*padding: 5px;*/
    margin: 5px;
}
</style>

<script type="text/x-underscore-template">
//put your template here
</script>

<!-- header -->
<header class="bar-title">
    <a id="back" class="button back">
    <img src="../service/img/icon_back.ing" style="width:20px;">
    </a>
    <h1 class="title">服务攻略</h1>
</header>

<div class="menu-page" style="padding-top:43px;">


    <div class="logo2">
      <img src="../service/img/haier.ing" width="100%">
    </div>





    <ul class="menu-list" >

        <li class="s1" id="repair">
            <div class="menu-item">
            <div  class="icon">
                <img width="60px" src="../service/img/home1.ing" alt=""/>
            </div>
           报装/报修
            </div>
        </li>
        <li class="s2" id="instructions">
            <div class="menu-item">
            <div class="icon">
               <img width="60px" src="../service/img/home2.ing" alt=""/>
            </div>
            说明书
                </div>
        </li>
        <li class="s3" id="warrantyCard">
            <div class="menu-item">
            <div class="icon">
                <img width="60px" src="../service/img/home3.ing" alt=""/>
            </div>
            保修卡
                </div>
        </li>
        <li class="s4" id="" >
            <div class="menu-item" style="background-color:#E156D2;">
            <div class="icon">
               <img width="60px" src="../service/img/home4.ing" alt=""/>
            </div>
            备件购买
                </div>
        </li>
        <li class="s5" id="standards" >
            <div class="menu-item" style="background-color:#EF5A71;">
            <div class="icon" >
               <img width="60px" src="../service/img/home5.ing" alt=""/>
            </div>
           服务标准
                </div>
        </li>
        <li  class="s6" id="tips" >
            <div class="menu-item" style="background-color:#3DB8EE;">
            <div class="icon">
               <img width="60px" src="../service/img/home6.ing" alt=""/>
            </div>
           使用小窍门
                </div>
        </li>
           <li class="s5" id="charges" >
               <div class="menu-item" style="background-color:#6DB943;">
            <div class="icon" >
               <img width="60px" src="../service/img/home7.ing" alt=""/>
            </div>
           收费标准
                   </div>
        </li>
        <li  class="s6" id="serviceCharge" >
            <div class="menu-item" style="background-color:#0BBFBB;">
            <div class="icon">
               <img width="60px" src="../service/img/home8.ing" alt=""/>
            </div>
            服务费用计算
                </div>
        </li>
    </ul>







</div>
</div>